// 首页分类区api

var xhr = new XMLHttpRequest();  //全局xhr对象

var server_url = "https://pcapi-xiaotuxian-front.itheima.net"  // 生产服务器

var titles = document.querySelectorAll('.iot_class_title')  // 获取标题对象

var icon_imgs = document.querySelectorAll('.iot_icon_img')  //获取图标对象

// 封装清洗数据的函数，只能提取出result中的数据数组，因为每个响应格式不一样
var draw_data = (res) => {
    res= JSON.parse(res)
    let datas=res.result // 提取出datas数组
    return datas
}

// 封装get的ajax请求并渲染,api为字符串
var get_ajax_render = (api) => {

    xhr.addEventListener("readystatechange", function () {
        if (this.readyState === 4) {
            // console.log(this.responseText)  //显示响应内容原文
            let datas=draw_data(this.responseText) //调用清洗函数，提取出data数组       
            for(let i=0;i<datas.length;i++){
                let entries =Object.entries(datas[i])  //解包
                let names = entries[1]
                let icons = entries[2]
                // 渲染
                titles[i].innerText=names[1]
                icon_imgs[i].src=icons[1]
            }
        }
    });
    xhr.open("GET", server_url+api,true);
    // 发送请求
    xhr.send();
}


const class_api ="/home/category/mutli"  //分类

get_ajax_render(class_api)







